$(function() {
	$("#flexibleBtn").click(function() {
		$("#flexibleBtn i").toggleClass("layui-icon-spread-left");
		$("#site-wrapper").toggleClass("layadmin-side-shrink");
	});
	$(".jump-to-iframe").click(function() {
		selectTab($(this));
		// 选择tab
		$("#site-tab li").click(function() {
			selectTab($(this));
		});
		// 关闭按钮
		$(".layui-tab-close").click(function() {
			selectTab($(this).parent().prev());
			closeTab($(this).parent());
		});
	});
});

/**
 * 选中某个tab页
 * @param $tab
 * @returns
 */
function selectTab($tab) {
	var $this = $tab;
	var href = $this.data("href");
	var id = $this.data("id") ? $this.data("id").replace("tab_", "") : '';
	// 清除样式
	$("#site-tab li").removeClass("layui-this");
	// 1、选中tab
	var tabExist = false;  // 是否存在该标签
	$("#site-tab li").each(function() {
		var $that = $(this);
		var thisId = $that.data("id");
		if("tab_" + id == thisId) {  // 如果已经有这个tab页了，就直接选中，而不是新增
			if(!$that.hasClass("layui-this")) {  // 如果当前页已经处于活跃状态，则不做改变
				$that.addClass("layui-this");
			}
			tabExist = true;
			// 跳出循环
			return true;
		}
	});
	if(!tabExist) {
		var tab  = '<li data-id="tab_' + id + '" data-href="' + href + '" class="layui-this">';
			tab += '<span>' + $this.html() + '</span><i class="layui-icon layui-unselect layui-tab-close">ဆ</i>';
			tab += '</li>';
		$("#site-tab").append(tab);
		$(tab).click(function() {
			selectTab($(this));
		});
	}
	// 清除样式
	$("#site-content-body .layadmin-tabsbody-item").removeClass("layui-show");
	// 2、选中内容
	var iframeExist = false;  // 是否存在该标签
	$("#site-content-body .layadmin-tabsbody-item").each(function() {
		var $that = $(this);
		var thisId = $that.data("id");
		if("iframe_" + id == thisId) {  // 如果已经有这个iframe了，就直接选中，而不是新增
			if(!$that.hasClass("layui-show")) {  // 如果当前页已经处于活跃状态，则不做改变
				$that.addClass("layui-show");
			}
			iframeExist = true;
			// 跳出循环
			return true;
		}
	});
	if(!iframeExist) {
		var iframe  = '<div class="layadmin-tabsbody-item layui-show"  data-id="iframe_' + id + '" >';
			iframe += '<iframe src="' + href + '" frameborder="0" class="layadmin-iframe"></iframe>';
			iframe += '</div>';
		$("#site-content-body").append(iframe);
	}
}
/**
 * 关闭tab
 * @param $tab
 * @returns
 */
function closeTab($tab) {
	var $this = $tab;
	var href = $this.data("href");
	var id = $this.data("id") ? $this.data("id").replace("tab_", "") : '';
	// 1、关闭tab
	$("#site-tab li").each(function() {
		var $that = $(this);
		var thisId = $that.data("id");
		if("tab_" + id == thisId) {
			$that.remove();
			// 跳出循环
			return true;
		}
	});
	// 2、关闭内容
	$("#site-content-body .layadmin-tabsbody-item").each(function() {
		var $that = $(this);
		var thisId = $that.data("id");
		if("iframe_" + id == thisId) {
			$that.remove();
			// 跳出循环
			return true;
		}
	});
}